<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <title>“青年大学习”第十一季第六期</title>
  <style type="text/css">
    * {
      padding: 0;
      margin: 0;
    }

    #bk {
      position: absolute;
      top: 0;
      left: 0;
      height: 100vh;
      overflow: hidden;
      z-index: -1;
    }
  </style>
</head>

<body>
  <img id="bk" src="http://h5.cyol.com/special/daxuexi/au4le1xcf3/images/end.jpg" />
</body>
<script>
  var img = document.getElementById("bk");
  /(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent)
    ? img.style.width = "100vw"
    : alert("请用移动端打开此网页呢~");
</script>

</html>